<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
			
			.div {
				width: 100%;
				padding: 50px 0;
				text-align: center;
			}
			
			button {
				width: 100px;
				height: 75px;
				background: #c1c1c1;
				color: black;
				font-size: 20px;
				cursor: pointer;
				margin-left: 20px;
			}
			
			.div7 div {
				width: 80%;
				height: 300px;
				line-height: 300px;
				background: skyblue;
				text-align: center;
				margin: 0 auto;
				transition: all .5s;
			}
		</style>
	</head>

	<body>
		<div class="div div6">
			<input type="checkbox" />001
			<input type="checkbox" />002
			<input type="checkbox" />003
			<input type="checkbox" />004
			<input type="checkbox" />005
			<input type="checkbox" />006
			<br /><br />
			<button>全部选择</button>
			<button>全部取消</button>
			<button>全部反选</button>
		</div>

		<div class="div div7">
			<button>HTML</button>
			<button>JS</button>
			<button>JQ</button>
			<button>PHP</button>
			<br /><br />
			<div class="active">
				<p>HTML</p>
			</div>
			<div>
				<p>JS</p>
			</div>
			<div>
				<p>JQ</p>
			</div>
			<div>
				<p>PHP</p>
			</div>
		</div>
		
		<div class="div div9">
			<ul id="run">
				<li>第1段话</li>
				<li>第2段话</li>
				<li>第3段话</li>
				<li>第4段话</li>
				<li>第5段话</li>
			</ul>
		</div>
		
		<div class="div div10">
			<p id="test">javascript</p>
		</div>
		
		<script type="text/javascript">
			//1.请描述getComputedStyle和currentStyle的兼容性和区别,以及如何适配到IE5以上

			//2.请描述getComputedStyle和style的区别

			//3.请描述document.querySelector*()和document.getElementBy*()的区别及兼容性

			//4.将下面地址(address)放到浏览器后，将参数和对应的值放入json里面输出
			//var address = "http://127.0.0.1:8020/新作业/10-JS第十堂课-classList/答案.html?contact_state=1&visit_state=1&intention_id=2&search_date=2017-05-02&staff_id=401";
			
			//5.DOM操作——怎样添加、移除、移动、复制、创建和查找节点

			//6.实现div6里面三个按钮的功能
			
			//7.选项卡切换,点击四个不同的按钮使对应的内容块渐显出来(有过渡动画)

			//8.识别用户当前所用的是什么浏览器

			//9.请实现第九题题目.gif的效果

			//10.请实现第十题题目.gif的效果
		</script>
	</body>

</html>